<!-- 部门管理-部门绩效 -->
<template>
  <PageHeaderNew :title="title" :breadCrumb="breadCrumb">
    <template #buts>
      <a-button type="primary" size="large">新增考核方案</a-button>
    </template>
  </PageHeaderNew>
  <div class="container">
    <a-tabs lazy-load :default-active-key="1">
      <a-tab-pane :key="1" title="待新增/确认方案">
        <ModeAssessment :state="1" />
      </a-tab-pane>
      <a-tab-pane :key="2" title="执行中方案">
        <ModeAssessment :state="2" />
      </a-tab-pane>
      <a-tab-pane :key="3" title="考核历史记录">
        <ModeAssessment :state="3" />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script lang="ts" setup>
import ModeAssessment from './ModeAssessment.vue';

const title = '部门绩效';
const breadCrumb = ['首页', '部门管理', '部门绩效'];
</script>

<style lang="less" scoped>
.container {
  // padding: 10px 20px;
}
</style>
